<!--
#---------------------------------------------------
# ScriptGates.com - a very power script Source site! 
# ---------------------------------------------------
# This file has been downloaded from ScriptGates.com 
# Homepage: http://scriptgates.com/              
# ---------------------------------------------------
# You'll find your Updates everyday at ScriptGates.com
# ----------------------------------------------------

.    .  .. .. ,MMMMMMMMMMMMM.   .     .  .  .  .  .  .    .    .  ..  .DMMMMMMMMMMMM?              
..  .      8MMMMMMMMOI+?Z8MMMMMMM..                    .          MMMMMMMDZI+?ZNMMMMMMMM            
. .      +MMMMMMMMMMMMMMMMMMM$  . ,8+  .  .   .  .  .  .  .  ..N    .=MMMMMMMMMMMMMMMMMMMD          
. .  . .MMMMMMMMMMMMMMMMMMMMMMMMMM:            .  .             ,MMMMMMMMMMMMMMMMMMMMMMMMMM..  .  .
.......MMMMMM8$7ZNMMMMMMMMMMMMMMMMMMM=  ................. .. .MMMMMMMMMMMMMMMMMMMMO$7OMMMMMM .......
....................... .=MMMMMMMMMMMMMM ..................MMMMMMMMMMMMMM7. . .............   ......
.............................~MMMMMMMMMMMM...............NMMMMMMMMMMMO..............................
... ........ ....................MMMMMM.....................MMMMMM~ ................................
... ...............................MMMMM...................OMMMM....................................
..  .............. ,7DMMM..$:.   ....+MM8 ................:MMD....... ,I .MMMNZ:. ..................
...............~MMM~.. ..... .8MMM8....ZM..  ........... .MM ...IMMMN .  ....  .MMM8 ...............
....M .......7MM  NMMMMMMMMMMMMMM8.MMM. .M.O...........M.$ . MMM 7MMMMMMMMMMMMMMM..MMM .......?.....
. ...$ ....~MM,MMMMMMMMMMMMMMMMMMMMMMMM ...N ..........M....MMMMMMMMMMMMMMMMMMMMMMMM MM8 ....M......
.. ...,MMMMMMM+ .+MMMMMMMMMMMMMMMM$.MMM....M...........M ...$MM:+MMMMMMMMMMMMMMMM7. :MMMMMMM+ ......
.  .:.MN. . .,MMMMMMMMMMD. MMMMMMMMM.. ....M...........M..... .8MMMMMMMM..8MMMMMMMMMM? ... DM .I ...
.. M. ........... .. .::: .,.  ...........MM...........MM .......... . ...:::, .  ............ 8....
.  ...................................... MM...........MM$ .........................................
.. ..................................... MMM ..........MMM= ........................................
. .....................................,MMMM...........MMMMO .......................................
......................................MMMMMM...........MMMMMM ......................................
. ..................................+MM, =MM...........MMN  MMN ....................................
. ................................:MM  ..MMM ..........NMM....NMZ...................................
..  ....................... OMM .MM......MM~............MM .....NM .MMM  ..................... .....
. . .M=. ............ ..NMMMM$ ..M.......MM.............MM ......M...=MMMMM:   ........... ..MN.....
.   .MMMMMMM8ZODMMMMMMMM.  ....... ......DM ............MM.......? .....   DMMMMMMMN8ZZNMMMMMM......
..  ..MMMM..MMMM~ ...................,MMM..MMMI. . .+MMM~.MMMD ....................MMMM~.DMMM.......
.   ...MMMM .MMMMM  .......................  ....,, . .   . .................... MMMMM..NMMM........
.   ....MMMM..,MMMMM.................... MMMMMMMMMMMMMMMMM.................... MMMMMI .8MMM.........
.    ....MMMM . MMMMMM ................MMMMMMMMMMMMMMMMMMMMM ................MMMMMM  .MMMM. ........
.  .......MMMM  ..MMMMMM ..     .:?DMMMMMMMMMMM ....MMMMMMMMMMMD7~  . .   .MMMMMMI ..MMMM...........
.  ........:MMMN...8MMMMMMMMMMMMMMMMMMMMMMMMM ........MMMMMMMMMMMMMMMMMMMMMMMMMM...~MMMD ...........
. .......... MMMM= ..IMMMMMMMMMMMMMMMMMMMMMI...........,MMMMMMMMMMMMMMMMMMMMMD ...MMMM..............
.    .........=MMM~M   ..............MMMMMMMMMMMMMMMMMMMMMMMMM,..............  MONMMD...............
..  ............MMM  ZM...................  ... ..  ..  .  .................8N. MMM.................
.   ..............MM, ...=M~ .  ..................................... ..MO.....MM. .................
.   ...............~MM .............................................  .......ZM8....................
.   .................?M  ..................~MMMMMMMMMMMD....................MN......................
.    ................. 8M....................NMMMMMMMM  ..................8M  ......................
.    ....................I+ ..................MMMMMMM................... M .........................
.    ......................I .................MMMMMMM .................N ...........................
.  .......................... ...............IMMMMMMMM .............................................
. . .........................................MMMMMMMMM .............................................
.. ..........................................MMMMMMMMM .............................................
...  ........................................MMMMMMMMM .............................................
. . .........................................,MMMMMMMN..............................................
..............................................MMMMMMM ..............................................
..............................................NMMMMMM ..............................................
...............................................MMMMM+...............................................
...............................................OMMMM................................................
....................................................................................................
......... ..... .................... .  . .. .......... .. .  .  . .. ... .. .. ............... .. .
-->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>uAdmin - Professional, Responsive and Flat Admin Template</title>
<meta name="description" content="uAdmin is a Professional, Responsive and Flat Admin Template created by pixelcave and published on Themeforest" />
<meta name="author" content="pixelcave" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57-precomposed.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic" />       
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/plugins.css" />
<link rel="stylesheet" href="css/main.css" />
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="page-container">
<header class="navbar navbar-inverse">
<div class="navbar-inner remove-radius remove-box-shadow">
<div class="container-fluid">
<ul class="nav pull-right visible-phone visible-tablet">
<li class="divider-vertical remove-margin"></li>
<li>
<a href="javascript:void(0)" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</a>
</li>
</ul>
<a href="index.php" class="brand"><img src="img/template/logo.png" alt="logo" /></a>
<div id="loading" class="hide pull-left"><i class="icon-certificate icon-spin"></i></div>
<ul id="widgets" class="nav pull-right">
<li class="divider-vertical remove-margin"></li>
<li id="rss-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-rss"></i>
<span class="badge badge-warning display-none"></span>
</a>
<ul class="dropdown-menu widget widget-fluid">
<li class="widget-heading text-center">Web Design</li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-umbrella"></i>This is a headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-trophy"></i>Another headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-suitcase"></i>Headlines keep coming!</a></li>
<li class="widget-heading text-center">Web Developent</li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-phone"></i>New headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-pencil"></i>Another one</a></li>
<li class="divider"></li>
<li><a href="javascript:void(0)" class="text-center">All News</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="twitter-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-twitter"></i>
<span class="badge badge-info display-none"></span>
</a>
<ul class="dropdown-menu widget">
<li class="widget-heading"><i class="icon-comments-alt pull-right"></i>Latest Tweets</li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Michael</a><span class="label label-info">just now</span></h6>
<div class="media">Web design all the way!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Monica</a><span class="label label-info">3 min ago</span></h6>
<div class="media">Download free PSDs at <a href="http://bit.ly/YUs4SQ" target="_blank">http://bit.ly/YUs4SQ</a></div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Steven</a><span class="label label-info">45 min ago</span></h6>
<div class="media">Be sure to check out my portfolio!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Tim</a><span class="label label-info">1 hour ago</span></h6>
<div class="media">Get all our themes for free for the next 2 hours! <a href="javascript:void(0)">#freebies</a></div>
</div>
</div>
</li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="messages-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-envelope"></i>
<span class="badge badge-success">1</span>
</a>
<ul class="dropdown-menu widget pull-right">
<li class="widget-heading"><i class="icon-comment pull-right"></i>Latest Messages</li>
<li class="new-on">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">George</a><span class="label label-success">2 min ago</span></h6>
<div class="media">Thanks for your help! The tutorial really helped me a lot!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Mike</a><span class="label">6 hours ago</span></h6>
<div class="media">The logo is ready, have a look and let me know what you think!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Julia</a><span class="label">1 day ago</span></h6>
<div class="media">We should better consider our social media marketing strategy!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="text-center"><a href="javascript:void(0)">View All Messages</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="notifications-widget" class="dropdown dropdown-center-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-flag"></i>
<span class="badge badge-important">1</span>
<span class="badge badge-warning">2</span>
</a>
<ul class="dropdown-menu widget">
<li class="widget-heading"><a href="javascript:void(0)" class="pull-right widget-link"><i class="icon-cog"></i></a><a href="javascript:void(0)" class="widget-link">System</a></li>
<li>
<ul>
<li class="label label-important">20 min ago</li>
<li class="text-error">Support system is down for maintenance!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-warning">3 hours ago</li>
<li class="text-warning">PHP upgrade started!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-warning">5 hours ago</li>
<li class="text-warning"><a href="javascript:void(0)" class="widget-link">1 support ticket</a> just opened!</li>
</ul>
</li>
<li class="widget-heading"><a href="javascript:void(0)" class="pull-right widget-link"><i class="icon-bookmark"></i></a><a href="javascript:void(0)" class="widget-link">Project #3</a></li>
<li>
<ul>
<li class="label label-success">3 weeks ago</li>
<li class="text-success">Project #3 <a href="javascript:void(0)" class="widget-link">published</a> successfully!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-info">1 month ago</li>
<li class="text-info">Milestone #3 achieved!</li>
<li class="text-info"><a href="javascript:void(0)" class="widget-link">John Doe</a> joined the project!</li>
</ul>
</li>
<li>
<ul>
<li class="label">1 year ago</li>
<li class="text-muted">This is an old notification</li>
</ul>
</li>
<li class="divider"></li>
<li class="text-center"><a href="javascript:void(0)">View All Notifications</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li class="dropdown dropdown-user">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><img src="img/template/avatar.png" alt="avatar" /> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0)" class="loading-on"><i class="icon-refresh"></i> Refresh</a>
</li>
<li class="divider"></li>
<li>
<a href="#modal-user-settings" role="button" data-toggle="modal"><i class="icon-user"></i> User Profile</a>
</li>
<li>
<a href="javascript:void(0)"><i class="icon-wrench"></i> App Settings</a>
</li>
<li class="divider"></li>
<li>
<a href="page_login.php"><i class="icon-lock"></i> Log out</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<div id="inner-container"><aside id="page-sidebar" class="nav-collapse collapse">
<form id="sidebar-search" method="post" onsubmit="return false;" />
<div class="input-append">
<input type="text" placeholder="Search.." class="remove-box-shadow remove-transition remove-radius" />
<button><i class="icon-search"></i></button>
</div>
</form>
<nav id="primary-nav">
<ul>
<li>
<a href="index.php" class="active"><i class="icon-fire"></i>Dashboard</a>
</li>
<li>
<a href="#"><i class="icon-magic"></i>UI Elements</a>
<ul>
<li>
<a href="page_ui_general.php"><i class="icon-star"></i>General</a>
</li>
<li>
<a href="page_forms.php"><i class="icon-th-list"></i>Forms</a>
</li>
<li>
<a href="page_tables.php"><i class="icon-table"></i>Tables</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-leaf"></i>Components</a>
<ul>
<li>
<a href="page_charts.php"><i class="icon-bar-chart"></i>Charts</a>
</li>
<li>
<a href="page_calendar.php"><i class="icon-calendar"></i>Calendar</a>
</li>
<li>
<a href="page_datatables.php"><i class="icon-th"></i>DataTables</a>
</li>
</ul>
</li>
<li>
<a href="page_typography.php"><i class="icon-font"></i>Typography</a>
</li>
<li>
<a href="page_gallery.php"><i class="icon-picture"></i>Gallery</a>
</li>
<li>
<a href="#"><i class="icon-tint"></i>Icons</a>
<ul>
<li>
<a href="page_fontawesome.php">FontAwesome</a>
</li>
<li>
<a href="page_gemicon.php">Gemicon</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-file-alt"></i>Pages</a>
<ul>
<li>
<a href="page_profile.php">Profile</a>
</li>
<li>
<a href="page_faq.php">Faq</a>
</li>
<li>
<a href="page_errors.php">Errors</a>
</li>
<li>
<a href="page_blank.php">Blank</a>
</li>
</ul>
</li>
<li>
<a href="page_login.php"><i class="icon-off"></i>Login Page</a>
</li>
</ul>
</nav>
<div id="theme-options" class="text-left hidden-phone hidden-tablet">
<a href="#" class="btn btn-theme-options" data-toggle="tooltip" data-placement="right" title="Demo Theme Options"><i class="icon-cog"></i></a>
<div id="theme-options-content" class="text-center">
<div id="topt-fixed-header-top" class="input-switch switch-small" data-toggle="tooltip" title="Top fixed header" data-on="success" data-off="danger" data-on-label="<i class='icon-ok icon-white'></i>" data-off-label="<i class='icon-remove'></i>">
<input type="checkbox" />
</div>
<div id="topt-fixed-header-bottom" class="input-switch switch-small" data-toggle="tooltip" title="Bottom fixed header" data-on="success" data-off="danger" data-on-label="<i class='icon-ok icon-white'></i>" data-off-label="<i class='icon-remove'></i>">
<input type="checkbox" />
</div>
<div id="topt-fixed-layout" class="input-switch switch-small" data-toggle="tooltip" title="Fixed layout (for large resolutions)" data-on="success" data-off="danger" data-on-label="<i class='icon-ok icon-white'></i>" data-off-label="<i class='icon-remove'></i>">
<input type="checkbox" />
</div>
</div>
</div>
</aside><div id="page-content">
<ul id="nav-info" class="clearfix">
<li><a href="index.php"><i class="icon-home"></i></a></li>
<li class="active"><a href="">Dashboard</a></li>
</ul>
<ul class="nav-dash">
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Users">
<i class="icon-user"></i>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Comments">
<i class="icon-comments"></i> <span class="badge badge-success">3</span>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Calendar">
<i class="icon-calendar"></i> <span class="badge badge-inverse">5</span>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Photos">
<i class="icon-camera-retro"></i>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Projects">
<i class="icon-paper-clip"></i>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Tasks">
<i class="icon-tasks"></i> <span class="badge badge-warning">1</span>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Reader">
<i class="icon-book"></i>
</a>
</li>
<li>
<a href="javascript:void(0)" data-toggle="tooltip" title="Settings">
<i class="icon-cogs"></i>
</a>
</li>
</ul>
<div class="dash-tiles row-fluid">
<div class="span3">
<div class="dash-tile dash-tile-ocean clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<div class="btn-group">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Manage Users"><i class="icon-cog"></i></a>
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Statistics"><i class="icon-bar-chart"></i></a>
</div>
</div>
Total Users
</div>
<div class="dash-tile-icon"><i class="icon-group"></i></div>
<div class="dash-tile-text">265k</div>
</div>
<div class="dash-tile dash-tile-leaf clearfix">
<div class="dash-tile-header">
<span class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="popover" data-placement="top" data-content="$500 (230 Sales)" title="Today's profit"><i class="icon-credit-card"></i></a>
</span>
Total Profit
</div>
<div class="dash-tile-icon"><i class="icon-money"></i></div>
<div class="dash-tile-text">$5M</div>
</div>
</div>
<div class="span3">
<div class="dash-tile dash-tile-flower clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<div class="btn-group">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="View new orders"><i class="icon-shopping-cart"></i></a>
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Statistics"><i class="icon-bar-chart"></i></a>
</div>
</div>
Total Sales
</div>
<div class="dash-tile-icon"><i class="icon-tags"></i></div>
<div class="dash-tile-text">300k</div>
</div>
<div class="dash-tile dash-tile-fruit clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="View popular downloads"><i class="icon-asterisk"></i></a>
</div>
Total Downloads
</div>
<div class="dash-tile-icon"><i class="icon-cloud-download"></i></div>
<div class="dash-tile-text">360k</div>
</div>
</div>
<div class="span3">
<div class="dash-tile dash-tile-oil clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<div class="btn-group">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="What's changed?"><i class="icon-fire"></i></a>
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Share"><i class="icon-share"></i></a>
</div>
</div>
Popularity
</div>
<div class="dash-tile-icon"><i class="icon-globe"></i></div>
<div class="dash-tile-text">+90%</div>
</div>
<div class="dash-tile dash-tile-dark clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Monthly report"><i class="icon-bar-chart"></i></a>
</div>
Server Downtime
</div>
<div class="dash-tile-icon"><i class="icon-hdd"></i></div>
<div class="dash-tile-text">0.1%</div>
</div>
</div>
<div class="span3">
<div class="dash-tile dash-tile-balloon clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Manage subscribers"><i class="icon-cog"></i></a>
</div>
RSS Subscribers
</div>
<div class="dash-tile-icon"><i class="icon-rss"></i></div>
<div class="dash-tile-text">160k</div>
</div>
<div class="dash-tile dash-tile-doll clearfix">
<div class="dash-tile-header">
<div class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Open tickets"><i class="icon-file-alt"></i></a>
</div>
Total Tickets
</div>
<div class="dash-tile-icon"><i class="icon-wrench"></i></div>
<div class="dash-tile-text">1.5k</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<div class="dash-tile dash-tile-2x">
<div class="dash-tile-header">
<div class="dash-tile-options">
<div id="example-advanced-daterangepicker" class="btn">
<i class="icon-calendar"></i>
<span></span>
<b class="caret"></b>
</div>
</div>
<i class="icon-bar-chart"></i>
</div>
<div class="dash-tile-content">
<div id="dash-example-stats" class="dash-tile-content-inner"></div>
</div>
</div>
</div>
<div class="span3">
<div class="dash-tile dash-tile-2x">
<div class="dash-tile-header">
<div class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Manage projects"><i class="icon-cog"></i></a>
</div>
Projects
</div>
<div class="dash-tile-content">
<div class="dash-tile-content-inner scrollable-tile-2x">
<h5 class="page-header-sub"><a href="javascript:void(0)">#1 - Project</a></h5>
<div class="progress progress-success">
<div class="bar" style="width: 100%"><i class="icon-ok"></i> Done!</div>
</div>
<h5 class="page-header-sub"><a href="javascript:void(0)">#2 - Project</a></h5>
<div class="progress progress-success">
<div class="bar" style="width: 75%">75%</div>
</div>
<h5 class="page-header-sub"><a href="javascript:void(0)">#3 - Project</a></h5>
<div class="progress progress-warning">
<div class="bar" style="width: 50%">50%</div>
</div>
<h5 class="page-header-sub"><a href="javascript:void(0)">#4 - Project</a></h5>
<div class="progress progress-danger">
<div class="bar" style="width: 20%">20%</div>
</div>
<h5 class="page-header-sub"><a href="javascript:void(0)">#5 - Project</a></h5>
<div class="progress progress-success">
<div class="bar" style="width: 85%">85%</div>
</div>
<h5 class="page-header-sub"><a href="javascript:void(0)">#6 - Project</a></h5>
<div class="progress progress-success">
<div class="bar" style="width: 95%">95%</div>
</div>
<h5 class="page-header-sub"><a href="javascript:void(0)">#7 - Project</a></h5>
<div class="progress progress-warning">
<div class="bar" style="width: 60%">60%</div>
</div>
</div>
</div>
</div>
</div>
<div class="span3">
<div class="dash-tile dash-tile-2x">
<div class="dash-tile-header">
<div class="dash-tile-options">
<div class="btn-group">
<a href="javascript:void(0)" class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<a href="javascript:void(0)" class="btn btn-info"><i class="icon-twitter"></i></a>
<a href="javascript:void(0)" class="btn btn-success"><i class="icon-cog"></i></a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0)">System</a></li>
<li><a href="javascript:void(0)">Projects</a></li>
<li><a href="javascript:void(0)">Users</a></li>
</ul>
</div>
</div>
Alerts
</div>
<div class="dash-tile-content">
<div class="dash-tile-content-inner scrollable-tile-2x">
<h5 class="page-header-sub">Today</h5>
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<i class="icon-barcode"></i> <strong>Check out!</strong> This is a notification!
</div>
<div class="alert alert-success">
<i class="icon-unlock"></i> <strong>Check out!</strong> This is a notification!
</div>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<i class="icon-bell"></i> <strong>Check out!</strong> This is a notification!
</div>
<div class="alert alert-info">
<i class="icon-signal"></i> <strong>Check out!</strong> This is a notification!
</div>
<h5 class="page-header-sub">Yesterday</h5>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>
<i class="icon-barcode"></i> <strong>Check out!</strong> This is a notification!
</div>
<div class="alert">
<i class="icon-barcode"></i> <strong>Check out!</strong> This is a notification!
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
<i class="icon-facebook"></i> <strong>Check out!</strong> This is a notification!
</div>
<div class="alert alert-danger">
<i class="icon-align-justify"></i> <strong>Check out!</strong> This is a notification!
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<div class="dash-tile dash-tile-2x remove-margin">
<div class="dash-tile-header">
<div class="dash-tile-options">
<a href="javascript:void(0)" class="btn" data-toggle="tooltip" title="Manage Orders"><i class="icon-cogs"></i></a>
</div>
<i class="icon-shopping-cart"></i> New Orders
</div>
<div class="dash-tile-content">
<div class="dash-tile-content-inner-fluid">
<table id="dash-example-orders" class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th class="span1"></th>
<th class="span1 hidden-phone hidden-tablet">#</th>
<th><i class="icon-shopping-cart"></i> Order</th>
<th class="hidden-phone hidden-tablet"><i class="icon-user"></i> User</th>
<th><i class="icon-bolt"></i> Status</th>
</tr>
</thead>
<tbody>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">1</td>
<td><a href="javascript:void(0)">Order#1</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User1</a></td>
<td><span class="label label-info">Manual process..</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">2</td>
<td><a href="javascript:void(0)">Order#2</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User2</a></td>
<td><span class="label label-success">Sent!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">3</td>
<td><a href="javascript:void(0)">Order#3</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User3</a></td>
<td><span class="label label-success">Sent!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">4</td>
<td><a href="javascript:void(0)">Order#4</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User4</a></td>
<td><span class="label label-important">Canceled!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">5</td>
<td><a href="javascript:void(0)">Order#5</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User5</a></td>
<td><span class="label label-inverse">On hold..</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">6</td>
<td><a href="javascript:void(0)">Order#6</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User6</a></td>
<td><span class="label">Inactive</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">7</td>
<td><a href="javascript:void(0)">Order#7</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User7</a></td>
<td><span class="label label-warning">Pending..</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">8</td>
<td><a href="javascript:void(0)">Order#8</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User8</a></td>
<td><span class="label label-success">Sent!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">9</td>
<td><a href="javascript:void(0)">Order#9</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User9</a></td>
<td><span class="label label-success">Sent!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">10</td>
<td><a href="javascript:void(0)">Order#10</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User10</a></td>
<td><span class="label label-important">Canceled!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">11</td>
<td><a href="javascript:void(0)">Order#11</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User11</a></td>
<td><span class="label label-important">Canceled!</span></td>
</tr>
<tr>
<td class="span1">
<div class="btn-group">
<a href="javascript:void(0)" data-toggle="tooltip" title="Process" class="btn btn-mini btn-primary"><i class="icon-book"></i></a>
<a href="javascript:void(0)" data-toggle="tooltip" title="Cancel" class="btn btn-mini btn-danger"><i class="icon-remove"></i></a>
</div>
</td>
<td class="span1 hidden-phone hidden-tablet">12</td>
<td><a href="javascript:void(0)">Order#12</a></td>
<td class="hidden-phone hidden-tablet"><a href="javascript:void(0)">User12</a></td>
<td><span class="label label-success">Sent!</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="span6">
<div class="dash-tile dash-tile-2x remove-margin">
<div class="dash-tile-header">
<i class="icon-user"></i> Users
</div>
<div class="dash-tile-content">
<div class="dash-tile-content-inner-fluid">
<ul id="dash-example-tabs" class="nav nav-tabs">
<li class="active"><a href="#dash-example-tabs-admin">Admins</a></li>
<li><a href="#dash-example-tabs-mods">Mods</a></li>
<li><a href="#dash-example-tabs-newusers">New Users</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="dash-example-tabs-admin">
<ul class="thumbnails remove-margin" data-toggle="gallery-options">
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin1</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin2</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin3</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin4</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin5</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin6</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin7</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Admin8</a>
</li>
</ul>
</div>
<div class="tab-pane" id="dash-example-tabs-mods">
<ul class="thumbnails remove-margin" data-toggle="gallery-options">
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod1</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod2</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod3</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod4</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod5</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod6</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod7</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-rounded" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">Mod8</a>
</li>
</ul>
</div>
<div class="tab-pane" id="dash-example-tabs-newusers">
<ul class="thumbnails remove-margin" data-toggle="gallery-options">
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User1</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User2</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User3</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User4</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User5</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User6</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User7</a>
</li>
<li>
<div class="thumbnails-options">
<div class="btn-group">
<button class="btn btn-mini btn-success"><i class="icon-pencil"></i></button>
<button class="btn btn-mini btn-danger"><i class="icon-remove"></i></button>
</div>
</div>
<a href="javascript:void(0)" class="thumbnail">
<img src="img/placeholders/image_light_64x64.png" class="img-circle" alt="fakeimg" />
</a>
<a href="javascript:void(0)" class="thumbnail thumbnail-borderless text-center">User8</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<script>var d = new Date(); if (d.getFullYear() === 2013) { document.write('2013'); } else { document.write('2013-' + d.getFullYear()); }</script> &copy; <strong>uAdmin 1.0</strong> - Crafted with <i class="icon-heart"></i> by <strong><a href="http://themeforest.net/user/pixelcave/portfolio?ref=pixelcave" target="_blank">pixelcave</a></strong>
</footer>
</div>
</div>
<a href="#" id="to-top"><i class="icon-chevron-up"></i></a>
<div id="modal-user-settings" class="modal hide">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4>Profile Settings</h4>
</div>
<div class="modal-body">
<ul id="example-user-tabs" class="nav nav-tabs">
<li class="active"><a href="#example-user-tabs-account"><i class="icon-cogs"></i> Account</a></li>
<li><a href="#example-user-tabs-profile"><i class="icon-user"></i> Profile</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="example-user-tabs-account">
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Success!</strong> Password changed!
</div>
<form class="form-horizontal" />
<div class="control-group">
<label class="control-label" for="example-user-username">Username</label>
<div class="controls">
<input type="text" id="example-user-username" class="disabled" value="administrator" disabled="" />
<span class="help-block">You can't change your username!</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-pass">Password</label>
<div class="controls">
<input type="password" id="example-user-pass" />
<span class="help-block">if you want to change your password enter your current for confirmation!</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-newpass">New Password</label>
<div class="controls">
<input type="password" id="example-user-newpass" />
</div>
</div>
</form>
</div>
<div class="tab-pane" id="example-user-tabs-profile">
<h5 class="page-header-sub hidden-phone">Image</h5>
<div class="form-horizontal hidden-phone">
<div class="control-group">
<img src="img/placeholders/image_dark_120x120.png" alt="image" />
</div>
<div class="control-group">
<form action="index.php" class="dropzone" />
<div class="fallback">
<input name="file" type="file" />
</div>
</form>
</div>
</div>
<form class="form-horizontal" />
<h5 class="page-header-sub">Details</h5>
<div class="control-group">
<label class="control-label" for="example-user-firstname">Firstname</label>
<div class="controls">
<input type="text" id="example-user-firstname" value="John" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-lastname">Lastname</label>
<div class="controls">
<input type="text" id="example-user-lastname" value="Doe" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-gender">Gender</label>
<div class="controls">
<select id="example-user-gender">
<option />Male
<option />Female
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-birthdate">Birthdate</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-birthdate" class="input-small input-datepicker" />
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-skills">Skills</label>
<div class="controls">
<select id="example-user-skills" multiple="multiple" class="select-chosen">
<option selected="" />html
<option selected="" />css
<option />javascript
<option />php
<option />mysql
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-bio">Bio</label>
<div class="controls">
<textarea id="example-user-bio" class="textarea-elastic" rows="3">Bio Information..</textarea>
</div>
</div>
<h5 class="page-header-sub">Social</h5>
<div class="control-group">
<label class="control-label" for="example-user-fb">Facebook</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-fb" />
<span class="add-on"><i class="icon-facebook"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-twitter">Twitter</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-twitter" />
<span class="add-on"><i class="icon-twitter"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-pinterest">Pinterest</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-pinterest" />
<span class="add-on"><i class="icon-pinterest"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-github">Github</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-github" />
<span class="add-on"><i class="icon-github"></i></span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal"><i class="icon-remove"></i> Close</button>
<button class="btn btn-success"><i class="icon-spinner icon-spin"></i> Save changes</button>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/vendor/jquery-1.8.3.min.js"%3E%3C/script%3E'));</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script><script>
$(function(){$("#dash-example-orders").dataTable({aoColumnDefs:[{bSortable:false,aTargets:[0]}],iDisplayLength:6,aLengthMenu:[[6,10,30,-1],[6,10,30,"All"]]});$("#dash-example-tabs a").click(function(e){e.preventDefault();$(this).tab("show")});var e=$("#dash-example-stats");var t=[[0,200],[1,250],[2,360],[3,584],[4,1250],[5,1100],[6,1500],[7,1521],[8,1600],[9,1658],[10,1623],[11,1900],[12,2100],[13,1700],[14,1620],[15,1820],[16,1950],[17,2220],[18,1951],[19,2152],[20,2300],[21,2325],[22,2200],[23,2156],[24,2350],[25,2420],[26,2480],[27,2320],[28,2380],[29,2520],[30,2590]];var n=[[0,50],[1,180],[2,200],[3,350],[4,700],[5,650],[6,700],[7,780],[8,820],[9,880],[10,1200],[11,1250],[12,1500],[13,1195],[14,1300],[15,1350],[16,1460],[17,1680],[18,1368],[19,1589],[20,1780],[21,2100],[22,1962],[23,1952],[24,2110],[25,2260],[26,2298],[27,1985],[28,2252],[29,2300],[30,2450]];$.plot(e,[{data:t,lines:{show:true,fill:true,fillColor:{colors:[{opacity:.05},{opacity:.05}]}},points:{show:true},label:"All Visits"},{data:n,lines:{show:true,fill:true,fillColor:{colors:[{opacity:.05},{opacity:.05}]}},points:{show:true},label:"Unique Visits"}],{legend:{position:"nw",backgroundColor:"#f6f6f6",backgroundOpacity:.8},colors:["#555555","#db4a39"],grid:{borderColor:"#cccccc",color:"#999999",labelMargin:5,hoverable:true,clickable:true},yaxis:{ticks:5},xaxis:{tickSize:2}});var r=null;e.bind("plothover",function(e,t,n){$("#x").text(t.x.toFixed(2));$("#y").text(t.y.toFixed(2));if(n){if(r!==n.dataIndex){r=n.dataIndex;$("#tooltip").remove();var i=n.datapoint[0],s=n.datapoint[1];$('<div id="tooltip" class="chart-tooltip"><strong>'+s+"</strong> visits</div>").css({top:n.pageY-30,left:n.pageX+5}).appendTo("body").show()}}else{$("#tooltip").remove();r=null}})});
</script>
</body>
</html>